<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <%--使页面外联图片顺利加载--%>
    <meta name="referrer" content="no-referrer">
    <title>实验室资源申请平台</title>
    <%--各种资源引入--%>
    <%--这里有一个巨坑：request.getRequestDispatcher 页面跳转会引起样式，js等外部丢失。所以不要用相对路径，一定用绝对路径引入文件--%>
    <% String path = request.getContextPath();%>
    <link rel="icon" href="<%=path%>/images/logo.ico" type="image/x-icon">
    <link rel="stylesheet" href="<%=path%>/layui/css/layui.css" >
    <link rel="stylesheet" href="<%=path%>/css/swiper-bundle.min.css" />
    <link rel="stylesheet" href="<%=path%>/css/introduce.css">
    <script src="<%=path%>/js/swiper-bundle.min.js"></script>
    <script src="<%=path%>/layui/layui.js" type="text/javascript"></script>
    <script src="<%=path%>/jquery-3.4.1.js" type="text/javascript"></script>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">

    <%--head--%>
    <div class="layui-header">
        <div class="layui-logo" style="color: white;"><img src="<%=path%>/images/LMS_main.png" alt="" style="margin: 3%;">实验室资源申请平台</div>
    </div>

    <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
    <div class="layui-side layui-bg-white">
        <div class="layui-side-scroll">
            <ul class="layui-nav layui-nav-tree"  lay-filter="test">
                <li class="layui-nav-item"><a href="${pageContext.request.contextPath}/jsp/user.do?method=getLabList&local=introduce&from=root"><i class="layui-icon">&#xe670;  实验室概况介绍</i></a></li>
                <li class="layui-nav-item"><a href="${pageContext.request.contextPath}/jsp/root/approval.jsp"><i class="layui-icon">&#xe672;  申请审批</i><span id="redPoint"></span></a></li>
                <li class="layui-nav-item"><a href="${pageContext.request.contextPath}/jsp/user.do?method=getLabList&local=labAdm"><i class="layui-icon">&#xe614; 实验室管理</i></a></li>
                <li class="layui-nav-item"><a href="${pageContext.request.contextPath}/jsp/root/userAdm.jsp"><i class="layui-icon">&#xe613; 用户账号管理</i></a></li>
                <li class="layui-nav-item"><a href="${pageContext.request.contextPath}/jsp/root/personal.jsp"><i class="layui-icon">&#xe770; 个人中心</i></a></li>
                <li class="layui-nav-item" id="exit"><a href="${pageContext.request.contextPath}/jsp/logout.do"><i class="layui-icon">&#xe623; 退出系统</i></a></li>

            </ul>
        </div>
    </div>
        <script type="text/javascript">
            $('#exit').on('click', function () {
                sessionStorage.removeItem("flag");
            })
        </script>